<script type="text/javascript" src="__ROOT__/Public/Js/jquery.form.js"></script>
<script type="text/javascript">

    $(document).ready(function() {
        $(".ajaxform").ajaxForm({
            dataType:  'json',
            success:   processJson
        });
    })
    function processJson(data) {
        $('.notification').hide();
        if(data.status == 0){
            $('.attention').show();
            $('.attention div:first').html(data.info);
        }else{
            $('.success').show();
            $('.success div:first').html(data.info);
        }

    }

</script>

<div class="notification attention png_bg" style="display:none">
    <a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
    <div>
    </div>
</div>

<div class="notification information png_bg" style="display:none">
    <a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>

    <div>
    </div>
</div>

<div class="notification success png_bg" style="display:none">
    <a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
    <div>
    </div>
</div>


<div class="notification error png_bg" style="display:none">
    <a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
    <div>
    </div>
</div>